<div class="list-group xgx-mobile-list-group" data-bind="attr:{id:_id}">
    <!-- ko foreach:store.records-->
    <a href="javascript:void(0);" class="list-group-item list-group-item-action flex-column align-items-start pr-4" data-bind="attr:{id:$parent.model+$index()+'_touch'},click:$parent._onItemClick">
        <!-- ko component:{name:$parent.itemCmp,params:{record:$data}} --><!-- /ko -->
        <!-- ko with:{withOperation:$parent._calculateOperation($data)} -->
        <!-- ko if:withOperation.length>0 -->
        <span class="xgx-mobile-list-item-right zi zi_forRight"></span>
        <div class="xgx-mobile-list-operation container rounded" data-bind="attr:{id:$parents[1].model+$index()+'_touch_operation'}">
            <div class="row align-items-center h-100 ml-2">
                <div class="col">
                    <!-- ko foreach:withOperation -->
                    <button class="btn btn-primary rounded" data-bind="text:name,click:function(item,event){$parents[2]._onOperationClick($parents[1],event,$data)}"></button>
                    <!-- /ko -->
                </div>
            </div>
        </div>
        <!-- /ko -->
        <!-- /ko -->
    </a>
    <!-- /ko -->
</div>
